<template>
  <vxe-button
    size="mini"
    icon="vxe-icon-add"
    :suffix-tooltip="{ content: '编辑规则' }"
    @click="handleClick"
    >编辑规则
  </vxe-button>

  <vxe-modal
    v-model="showPopup"
    :title="dialogTitle"
    fullscreen
    showZoom
    :width="700"
    :height="400"
  >
    <div>
      <SnBlockly />
    </div>
  </vxe-modal>
</template>
/

<script setup lang="ts">
const showPopup = ref(false)

// 接受父组件参数
interface Props {
  dialogTitle: String
}

const props = withDefaults(defineProps<Props>(), {
  dialogTitle: '流水号规则编辑'
})

defineOptions({ name: 'SerialNumberChoose' })

const handleClick = () => {
  showPopup.value = true
}
</script>
